.box {
    
    .top {
        width: 100vw;
        background-color: #333333;
        display: flex;
        justify-content: flex-start;

        p {
            height: 70px;
            color: #fff;
            font-weight: 700;
            font-size: 20px;
            line-height: 70px;
            padding-left: 30px;
        }
    }

    .main {
        display: flex;
        position: relative;
        .left {
            width: 230px;
            background-color: #333333;
            height: 100vh;
            position: absolute;
            left: -230px;
            // transform: translateX(-230px);
            transition: all .3s;

            ul {
                li {
                    height: 70px;
                    line-height: 70px;
                    color: #fff;
                    padding-left: 10px;
                    a{
                        color: #fff;
                    }
                }
            }
        }
    }
}

.show {
    // transform: translateX(0px) !important;
    left: 0px !important;
}